//提示组件函数

import { createVNode, render } from 'vue'
import XtxMessage from './xtx-message.vue'



// 定时器标识
let timer = null
export default (({type, text} ) => {
    //创建dom容器
    const div = document.createElement('div')
    div.setAttribute('class', 'xtx-message-container')
    document.body.appendChild(div)
    // 根据组件创建虚拟节点
    const vnode = createVNode(XtxMessage, { type: type, text: text })
    //把虚拟节点渲染DOM容器中
    render(vnode, div)
    clearTimeout(timer)
    timer = setTimeout(() => {
        // 移除dom里的内容
        render(null, div)
    }, 3000)

})